<link rel="stylesheet" href="__PUBLIC__/Home/css/goodsList.css" />
<!--引入了js文件-->
<script src="__PUBLIC__/Home/js/goodsList.js"></script>
<!--页面主要内容-->
<div id ="Goodscontent clearFix" style="margin:0 auto;width:1200px">

	<!--导航详情-->
	<div class="clearFix navtop" style="line-height: 26px;
padding: 10px 0;">
		<a href="<{:U('index/index')}>">当当</a>
        <volist name="topcatArr" id="cat">
        	<span>></span>
        	<a <?php echo $cid==$cat['id'] ? 'class="atnow" style="color:blue"' : '';?> href="<{:U('index/goodsList',['path'=>$cat['path'],'cid'=>$cat['id']])}>"><{$cat['name']}></a>
        </volist>
		<!-- <a href="">当当</a>
		
		<a href="">手机通讯></a>
		<span>></span>
		<a href="">手机</a> -->
	</div><!--导航详情结束-->
	
	<!--左侧-->
	<div class="leftSide fl clearFix" >

		<!--左侧分类小盒子-->
		<div id="catBox">

			<!--左侧分类导航盒子遍历-->
				<notempty name="catArr">
				<h3><{$catArr['name']}></h3>
				<ul class="firstCatUl">
					<volist name="catArr['child']" id="seccat" empty=''>
					    <li class="firstCat <if condition="$seccat['id'] eq $cid">on<else/>''</if>" >
					    	<span class="m"></span>
					    	<a href="<{:U('index/goodsList',['path'=>$seccat['path'],'cid'=>$seccat['id']])}>">     <{$seccat['name']}></a>
					    	<span class="catBtn"></span>
					    	<notempty name="seccat['child']">
					    		<ul class="secondCatUl hideNow clearFix">
					    		  <volist name="seccat['child']" id="thcat">
						    		<li class="<if condition="$thcat['id'] eq $cid">now<else/>''</if>"><a href="<{:U('index/goodsList',['path'=>$thcat['path'],'cid'=>$thcat['id']])}>">       <{$thcat['name']}></a></li>
						    	  </volist>
						    		<!-- <li><a href="">蓝牙耳机</a></li>
						    		<li><a href="">充电器/数据线</a></li>
						    		<li><a href="">手机贴膜</a></li>
						    		<li><a href="">手机耳机</a></li> -->
					    		</ul>
					    	</notempty>	
					    </li>
				    </volist>
				  <!--   <li class="firstCat">
				    	<span class="m"></span>
				    	<a href="">手机配件</a>
				    	<span class="catBtn"></span>
				    	<ul class="secondCatUl hideNow clearFix">
				    		<li><a href="">电话/移动电源</a></li>
				    		<li><a href="">蓝牙耳机</a></li>
				    		<li><a href="">充电器/数据线</a></li>
				    		<li><a href="">手机贴膜</a></li>
				    		<li><a href="">手机耳机</a></li>
				    	</ul>
				    </li> -->
		<!-- 			<li class="firstCat ">
						<span class="m"></span>
						<a href="">对讲机</a>
						<span class="catBtn"></span>
					</li>	 -->
					
				</ul>
		   </notempty>	
			
		</div><!--左侧分类小盒子结束-->
		

		<!--排行-->
		<div class="saleRankBox">
			<!--标题头-->
			<div class="rankHeader">
				<span>一周销量排行榜</span>
			</div>

			<!--排行内容-->
			<div class="rankDetail">
				<ul class="clearFix">
					<li class="clearFix">
						<span class="number">1</span>
						<a href="" class="rankImg"><img src="__PUBLIC__/Home/img/1256696539-1_l.jpg" width='56px' height='56px'></a>
						<p class="name"><a href="">中国电信 19元飞Young4G上网版套餐 300MB省内流量 电信4G上网卡 全国号卡</a></p>
						<p class="price">¥50.00</p>
					</li>
					<li class="clearFix">
						<span class="number">1</span>
						<a href="" class="rankImg"><img src="__PUBLIC__/Home/img/1256696539-1_l.jpg" width='56px' height='56px'></a>
						<p class="name"><a href="">中国电信 19元飞Young4G上网版套餐 300MB省内流量 电信4G上网卡 全国号卡</a></p>
						<p class="price">¥50.00</p>
					</li>
					<li class="clearFix">
						<span class="number">1</span>
						<a href="" class="rankImg"><img src="__PUBLIC__/Home/img/1256696539-1_l.jpg" width='56px' height='56px'></a>
						<p class="name">中国电信 19元飞Young4G上网版套餐 300MB省内流量 电信4G上网卡 全国号卡</p>
						<p class="price">¥50.00</p>
					</li>
				</ul>
			</div>
		</div>	<!--排行结束-->

		
		<!--推广开始-->
		<div class="AdBox saleRankBox">
			<!--标题头-->
			<div class="AdBoxHeader rankHeader">
				<span>推广产品</span>
			</div>

			<!--推广内容-->
			<div class="AdContent">
				<ul class="clearFix">
					<li>
						<div>
							<a href=""><img src="__PUBLIC__/Home/img/60627209-1_l_1.jpg" alt=""></a>
						</div>
						<p class="AdName">
							<a href="">当当优品 中国风双人加大四件套</a>
						</p>
						<p class="Addesc">
							60贡缎 酒店品质
						</p>
						<p class="Adprice">
							¥399.00
						</p>		
					</li>
						<li>
						<div>
							<a href=""><img src="__PUBLIC__/Home/img/60627209-1_l_1.jpg" alt=""></a>
						</div>
						<p class="AdName">
							<a href="">当当优品 中国风双人加大四件套</a>
						</p>
						<p class="Addesc">
							60贡缎 酒店品质
						</p>
						<p class="Adprice">
							¥399.00
						</p>		
					</li>
						<li>
						<div>
							<a href=""><img src="__PUBLIC__/Home/img/60627209-1_l_1.jpg" alt=""></a>
						</div>
						<p class="AdName">
							<a href="">当当优品 中国风双人加大四件套</a>
						</p>
						<p class="Addesc">
							60贡缎 酒店品质
						</p>
						<p class="Adprice">
							¥399.00
						</p>		
					</li>
				</ul>
			</div>
		</div>	<!--推广结束-->
	</div>

	<!--右侧商品搜索和列表页-->	
	<div class="rightSide fl clearFix" style="margin-left:20px" >

		<div class="clearFix">
			<!--品牌分类开始-->
			<div class="clearFix lgCatBox" style="border:1px solid #ccc">
				<div class="fl brandCat listLeft">
					品牌
				</div>
				
				<!--品牌图标-->
				<div class="fl brandCatUl">
					<ul>
						<empty name="searchstring['brandid']">
							 <volist name="brandArr" id="brand">
						    	<li class="defaultBrand" data-brandid="<{$brand['id']}>"><a title="<{$brand['brandname']}>" href="javascript:void(0)"><font style="display: none;"><{$brand['brandname']}></font><img style="height: 40px; width: 80px; display: block;" alt="<{$brand['brandname']}>" src="__PUBLIC__<{$brand['logo']}>"><span></span></a></li>
					        </volist>
					        <else />
							<volist name="brandArr" id="brand">
								<li class="user_selected">
								    <span class="bn">品牌：</span>
								    <span class="block" title="美图meitu">
									    <span class="t"><{$brand['brandname']}></span>
									    <span class="close"></span>
			                 		</span>
                				</li>
							</volist>								
						</empty>
					</ul>
				</div>
			</div><!--品牌分类结束-->

			<!--价格排序-->
			<!-- <div class="clearFix">
				<div class="clearFix listLeft">价格</div>
				<div class="listRight">
					<div class="list_content"><div class="width_515"><span><a title="0-3259" name="price_segments" href="/cid4001075-lp0-hp3259.html">0-3259</a></span><span><a title="3259-4099" name="price_segments" href="/cid4001075-lp3259-hp4099.html">3259-4099</a></span><span><a title="4099-5199" name="price_segments" href="/cid4001075-lp4099-hp5199.html">4099-5199</a></span><span><a title="5199-7149" name="price_segments" href="/cid4001075-lp5199-hp7149.html">5199-7149</a></span><span><a title="7149以上" name="price_segments" href="/cid4001075-lp7149-hp.html">7149以上</a></span></div></div>
				</div>
			</div>
 -->
			<!--网络-->
			
			<!--价格-->
			<!-- <div class="clearFix">
				<div class="clearFix listLeft">价格</div>
				<div class="listRight">
					<div class="list_content"><div class="width_515"><span><a title="0-3259" name="price_segments" href="/cid4001075-lp0-hp3259.html">0-3259</a></span><span><a title="3259-4099" name="price_segments" href="/cid4001075-lp3259-hp4099.html">3259-4099</a></span><span><a title="4099-5199" name="price_segments" href="/cid4001075-lp4099-hp5199.html">4099-5199</a></span><span><a title="5199-7149" name="price_segments" href="/cid4001075-lp5199-hp7149.html">5199-7149</a></span><span><a title="7149以上" name="price_segments" href="/cid4001075-lp7149-hp.html">7149以上</a></span></div></div>
				</div>
			</div> -->
		</div>

		<!--排序 销量、价格、最新-->
		<div class="sortBox clearFix" data-path="<{$searchstring['path']}>" data-brandid='<{$searchstring["brandid"]}>' data-cid="<{$cid}>">
			<h4 class="fl">排序</h4>
			<ul class="sortMenu clearFix">
				<li id="default" class=" <?php echo $orderflag['defaultorder']=='yes'?'on clicked':''; ?>">
					默认排序
					<span class=""></span>
				</li>
				<li id="priceorder" class="<?php echo $clicked['clicked']=='priceorder'?'on clicked':'' ?>">
					价格
					<span class="<?php echo $orderflag['priceorder']=='desc'?'icon':'upicon'; ?>"></span>
				</li>
			<!-- 	<li>
					好评
					<span class="icon"></span>
				</li> -->
				<li id="saleorder" class="<?php echo $clicked['clicked']=='saleorder'?'on clicked':'' ?>">
					销量
					<span class="<?php echo $orderflag['saleorder']=='desc'?'icon':'upicon'; ?>"></span>
				</li>
			</ul>
		</div><!--排序 销量、价格、最新结束-->

		
		<div class="checkBox"><!--收货地、促销，商品类型-->
			<!-- <span class="fl">收货地址:</span> -->
			<!-- <div class="fl selectBox">
				全部地区
				<div class="provinceDetail clearFix hideNow">
					<div class="clearFix">
						请保存库存地区
					</div>
					<ul class="clearFix">
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
						<li><a href="">北京</a></li>
					</ul>
				</div>
				<span class="arrow"></span>
			</div> -->
		</div><!--收货地、促销，商品类型结束-->
		

		<!--商品列表页-->
		<div>
			<div>
				<ul id="goodsListUl">
					<volist name="goodslistArr" id="goodslist" empty="暂时没有商品">	
						<li>
							<div>
								<a href="">
									<div>
										<a href="" style="display:inline-block;width:200px;height:200px"><img width="200px" height="200px" src="<{$Think.const.GOODSIMGPATH}><{$goodslist['imgurl']}>" alt=""></a>	
									</div>
									<p class="listPrice">¥<{$goodslist['price']}></p>
									<p class="listName">
										<a href=""><{$goodslist['spuname']}></a>
									</p>
									<p class="listAdd">支持礼品卡 正品行货 顺丰包邮</p>
									<!-- <p class="star">
										<span>
											<span></span>
										</span>
									</p> -->
									<!-- <p class="link">
										<img src="__PUBLIC__/home/img/2016-11-08_141851.jpg" alt="">
										<a href="">苹果官方旗舰店</a>
									</p> -->
								</a>
						   </div>
						</li>
					</volist>
	
			
				</ul>
			</div>
		</div><!--商品列表页结束-->
		

		<!--分页-->
	    <div class="" name="m4048975_pid0_t3989"><div id="component_4048975"></div><div class="con paginating" name="m4048975_pid0_t3990">

<ul class="paging" name="Fy">
            <!-- <li class="prev none"><a>上一页</a></li> -->
         	<{$page}>
            <!-- <li class="page_input"><span>共94页 到第</span> -->
        <!-- <input id="t__cp" class="number" value="1" type="text"> -->
<!--         <span>页</span>
        <input class="button" id="click_get_page" value="确定" type="button"></li> -->
</ul>
<script type="text/javascript">
    $(function(){     
        $('#t__cp').keydown(function(e){
            if(e.keyCode==13){
                verifyListPages();
            }
        });
        $('#click_get_page').click(function(){
            verifyListPages();
        });
    });

    function verifyListPages(){
        var page=$.trim($('#t__cp').val());
        var max_page=94;
        re = /^[1-9]*[0-9]*[0-9]$/i; 
        if(!re.test(page)||page==0){                  
            alert('您好，请输入正确页码。');
            return false;                   
        }else{
            if(parseInt(page)>100){
                alert('您好，请输入正确页码。');
                return false;
            }else{       
                if(parseInt(page)>max_page){
                    
                    alert('您好，请输入正确页码。');
                    return false;
//                    var href_url = '/pgnone-cid4004279-srsort_score_desc.html';
//                    //                        end_url = href_url;
//                    //                    
//                    window.location.href=end_url;
//                    return false;
                }else{
                     var href_url = '/pgnone-cid4004279-srsort_score_desc.html';
                                            if (page == 1) {
                            end_url = href_url.replace('pgnone-','');
                        }else{
                            end_url = href_url.replace('pgnone','pg'+page);
                        }
                                        
                    window.location.href=end_url;
                }
            }
        }
    }
</script>





</div></div>

	</div>
	<div class="clear"></div>
</div>